<template>
  <div class="section-two">
    <div class="border-row"></div>
    <div class="border-col"></div>
    
    <div class="section-header-two">活跃求职者增长趋势</div>
	<div class="rate">
		<div class="rate-list">
			<div class="item">同比增长</div>
			<div class="num">213</div>
		</div>
		<div class="rate-list">
			<div class="item">环比增长</div>
			<div class="num">137</div>
		</div>
	</div>
		
  </div>
</template>
<script>

export default {
  data() {
    return {
    }
  },
  props: ['height','dateProp'],
  computed: {
 
  },
  mounted() {
    
  },
  methods: {
   
  },
}
</script>
<style lang="stylus" scoped>
  .section
    width 100%
    height 100%
  .rate{
		width:100%;
		height:100%;
		display:flex;
		justify-content:space-around;
		
	}
  .rate-list{
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
		text-align: center;
		.num{
			font-size: 24px;
			font-weight: bold;
			margin-top: 5px;
			    color: #8ebafb;
		}
  }
	
</style>